﻿/* McTabs - menucool.com */
#tabs2,#tabs3
{
    background:#727272; /*color #2*/
    height:30px;
}
ul.mctabs
{
    height:39px; /* height #1 */
    text-align:left; /*set to left, center, or right to align the tabs as desired*/ 
    margin:0;
    padding:0; 
    padding-left:0px; /*offset of the first tab when text-align is left.*/
    font-size:0;
    list-style-type:none;
}
        
ul.mctabs li
{
    display:inline;
    margin:0;padding:0;
    margin-right:2px; /*distance between tabs*/
}
        
ul.mctabs li a
{
    padding:7px 15px; /* edit 10px for different tab width */
    display:inline-block;    
    font:20px Arial,Helvetica,sans-serif !important;
    line-height:28px;/* height #1 */
    text-decoration: none;
    color:#888;
    border:0px solid transparent;
    border-bottom:none;
    background:white;
    outline:none;    
    position:relative;
}
ul.mctabs li a.sub
{
    padding:7px 15px; /* edit 10px for different tab width */
    display:inline-block;    
    font:13px Arial,Helvetica,sans-serif !important;
    line-height:28px;/* height #1 */
    text-decoration: none;
    color:#888;
    border:0px solid transparent;
    border-bottom:none;
    background:white;
    outline:none;    
    position:relative;
    background:#727272; /*color #2*/
}      
ul.mctabs li a:link, ul.mctabs li a:visited
{
    color:#333;
    text-transform:uppercase;
}
 
ul.mctabs li a.sub:link, ul.mctabs li a.sub:visited
{
    color:#ffffff;
    text-transform:uppercase;
}       
ul.mctabs li a:hover
{
    border-color: transparent;
   /* background:white; /*color #2*/
    color:#333;
}
ul.mctabs li a.sub:hover
{
    border-color: transparent;
    color:#66af0a;
}
/*selected tab style */
ul.mctabs li.selected a.sub
{
    color:#66af0a;
    font-weight:normal;
    border-color:#CCC; /*color #1*/
    background:#727272; /*color #2*/
    z-index:3;
    text-transform:uppercase;
}
ul.mctabs li.selected a
{
    color:#ffffff;
    font-weight:normal;
    border-color:#CCC; /*color #1*/
    background:#66af0a; /*color #2*/
    z-index:3;
    text-transform:uppercase;
} 
        
/*selected tab style on hover */
ul.mctabs li.selected a:hover
{
    text-decoration:none;
    cursor:pointer;
}

/* container of content panels */
div.panel-container
{
    border:none;
    border-top:0px solid #CCC; /*color #1*/
    border-radius:0px; 
    background-color:white; /*color #2*/
    position:relative;    
    padding:0px; margin:0px;
}

/* content panel */       
div.panel-container > div
{
    padding:1px 0px; /*update it to: padding:30px; if you want the content to have a left and padding within the content panel. */
    
    /* The two settings below should not be changed. */
    display: block;
    margin:0px;
}

/* loading image before ajax content is retrieved. Only applicable when Ajax is used.*/
div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; font-size:0;padding:0; margin:0; }

